<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>瀑布流</title>
    <script src="jquery.js"></script>
    <link rel="stylesheet" href="css/style.css">
    <script src="index.js"></script>
</head>
<body>
<div id="box">
    <div class="paner"><a href=""><img src="img/1.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/2.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/3.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/4.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/5.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/6.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/7.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/8.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/9.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/10.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/11.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/12.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/13.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/14.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/15.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/16.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/17.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/18.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/19.jpg" alt=""></a></div>
    <div class="paner"><a href=""><img src="img/20.jpg" alt=""></a></div>
</div>
</body>
</html>